@media screen and (min-width: 750px) {
    .footer-box {
        width: 100%;
        background-color: #F4F5F7;
        padding: 50px 0;
    }
    .footer-content {
        width: 1100px;
        margin: 0 auto;
    }
    .footer-text {
        font-size: 36px;
        line-height: 60px;
    }
    .footer-text a {
        color: #000;
        text-decoration: none;
    }
    .footer-text a:hover {
        color: #1492FF;
    }
    .footer-imgs {
        margin-top: 20px;
        display: table;
        margin: 0 auto;
    }
    .footer-imgs img {
        display: inline-block;
        margin: 0 30px;
        cursor: pointer;
        vertical-align: middle;
    }
}

@media screen and (max-width: 750px) {
    .footer-box {
        width: 100%;
        background-color: #F4F5F7;
        padding: 0.35rem 0;
    }
    .footer-content {
        padding: 0 0.2rem;
        width: 7.5rem;
        margin: 0 auto;
    }
    .footer-text {
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .footer-text a {
        color: #000;
        text-decoration: none;
    }
    .footer-text a:hover {
        color: #1492FF;
    }
    .footer-imgs {
        margin-top: 0.15rem;
        display: table;
        margin: 0 auto;
    }
    .footer-imgs img {
        display: inline-block;
        margin: 0 0.2rem;
        cursor: pointer;
        vertical-align: middle;
        width: 1rem;
    }
}